﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Product.Master" Inherits="System.Web.Mvc.ViewPage<QuestionInputModels>" %>

<%@ Import Namespace="SDT.Lib.Paging" %>
<%@ Import Namespace="SDT.Site.ViewModels" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    Gửi hỏi đáp về quà tặng, quà sinh nhật, quà cưới, tân gia, gói quà, tặng quà
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
<script src="/tiny_mce/tiny_mce.js" type="text/javascript"></script>
<div class="contact" id="element-box" style="margin-top:3px">
		<div class="t">
			<div class="t">
				<div class="t"></div>
			</div>
		</div>
		<div class="m">			
			<%=ViewData["MessageInfo"]!=null? "<p class='perror'>"+Html.Encode(ViewData["MessageInfo"])+"</p>":string.Empty%>
			<form method=post action="/question/create" name="siteForm" id="siteForm" enctype = "multipart/form-data">
			    <div class="tabTransport">
	                <h4 class="titleFrom"><span>Gửi câu hỏi</span></h4>
			        <table cellpadding="0" cellspacing="0" class="contactForm">
				        <tbody>
					        <tr>
						        <td><label for="Article.Title">Chuyên mục đăng câu hỏi </label></td>
						        <td>
							        <%= Html.DropDownList("ddlCategory",new SelectList(Model.QuestionCategory,"ID","Name"), new { @class = "required selT" })%>
						        </td>
					        </tr>
					        <tr>
						        <td><label>Tiêu đề&nbsp;(<font style="color:Red">*</font>)</label></td>
						        <td>
							        <%= Html.TextBoxFor(m => m.Question.Title, new { @class = "required inpAdd" })%>
						        </td>
					        </tr>
					        <tr>
						        <td><label>Nội dung (<font color="red">*</font>)</label>:</td>
						        <td>
							        <%= Html.TextAreaFor(m => m.Question.QuestionContent, new { style = "height: 200px; width:460px" })%>
						        </td>
					        </tr>
					        					
					        <tr>
						        <td><label for="name"> Nhập mã xác thực&nbsp;(<font style="color:Red">*</font>)</label></td>
						        <td>
							        <%= Html.TextBox("CaptchaText", string.Empty, new { @class = "required" })%>&nbsp;
							        <img id="captchaImg" name="captchaImg" src="/AjaxData/ShowCaptchaImage" style="vertical-align:middle;" />
							        <img src="/images/icon-22-refresh.png" style="cursor:pointer;margin-left:5px;position:relative; vertical-align:middle"; class="changecaptcha" alt="Thay đổi captcha" title="Thay đổi captcha">
						            <script type="text/javascript">
						                $(".changecaptcha").live("click", function() {
						                    $("#captchaImg").attr("src", "");
						                    $("#captchaImg").attr("src", "/AjaxData/ShowCaptchaImage/?date=" + (new Date()));
						                    return false;
						                });
                                    </script>
						        </td>
					        </tr>
					        <tr>
						        <td align="center" colspan="2">
							        <input type="submit" value="Gửi" class="bnt_short" />
						        </td>
					        </tr>
				        </tbody>
			        </table>
			    </div>
			</form>
			
		</div>
		<div class="b">
			<div class="b">
				<div class="b"></div>
			</div>
		</div>
	</div>
    <script type="text/javascript">
        $(document).ready(function() {
            $("#siteForm").validate({
                rules: {
                    "Question.Title": "required",
                    ddlCategory: "required",
                    CaptchaText: "required"
                },
                messages: {
                    "Question.Title": "Trường này là bắt buộc, vui lòng nhập dữ liệu!",
                    ddlCategory: "Trường này là bắt buộc, vui lòng chọn dữ liệu!",
                    CaptchaText: "Trường này là bắt buộc, vui lòng chọn dữ liệu!"
                }
            });
            
        });
         tinyMCE.init({
             mode: "exact",
             plugins: "paste,imagemanager",
             theme: "advanced",
             elements: "Question_QuestionContent",
             theme_advanced_buttons1: "pastetext,separator,bold,italic,underline,separator,strikethrough,justifyleft,justifycenter,justifyright, justifyfull,bullist,numlist,undo,redo,link,unlink",
             theme_advanced_buttons2: "",
             theme_advanced_buttons3: "",
             theme_advanced_toolbar_location: "top",
             theme_advanced_toolbar_align: "left",
             theme_advanced_statusbar_location: "bottom",
             paste_use_dialog: false,
             paste_auto_cleanup_on_paste: true,
             paste_convert_headers_to_strong: false,
             paste_strip_class_attributes: "all",
             paste_remove_spans: true,
             paste_remove_styles: true
         });
    </script> 
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="RightContent" runat="server">
    <% Html.RenderAction("Lasted", "QuestionCategory", new {id= 0, title = "Chuyên mục hỏi đáp" }); %>
    <% Html.RenderAction("Lasted", "Question", new {catid=0, title = "Hỏi đáp được quan tâm" }); %>
    <% Html.RenderAction("Newsest", "Question", new {catid=0, title = "Hỏi đáp mới nhất" }); %>
</asp:Content>
